*{ margin:0px; padding:0px; box-sizing: border-box; }
html{min-width: 1200px;font-size:15px;}
body{ font-size:16px;color:#333;font-family:微软雅黑;}
ul{list-style:none;}
li{list-style: none;}
a{ text-decoration:none;color:#333;font-size:14px;}
img{border:none;}
.container{width: 1200px; margin: 0 auto;}
.clearfix{zoom:1;}
.clearfix:after{display:block;clear:both;content:"";}
.fl{float: left;}
.fr{float: right;}
.fixed{
    position: fixed;
    top:0;
    left:0;
    z-index:999;
}




.common-tit{
    width: 290px;
    height: 100px;
    margin:0 auto;
    text-align: center;
}
.common-tit .f-eng{
    color: #999;
    font-size:30px;
}

.common-tit .t-ch{
    font-size: 30px;
    color:#333;
    font-weight:700;
}
.common-tit .t-ch .tj{
    color:#834A81;
}
.common-tit .xian{
    width: 25px;
    height: 2px;
    background:#834A81;
    display: inline-block;
}


/*欢迎语*/
    .start{
        background: #d5d5d5;
        height:40px;
        overflow:hidden;
    }
    .start .hy{
        float: left;
        font-size: 12px;
        color:#666666;
        line-height: 40px;
    }
    .start .dh{
        float: right;
        color:#666666;
    }
    .start .dh a{
        font-size:14px;
        color:#666666;
        padding:0 10px;
        line-height: 40px;
    }
    .start .dh a img{
        display: inline-block;
        vertical-align: middle;
        margin-right:10px;
        width: 30px;
        height: 30px;
    }
/*欢迎语*/

/*logo*/
    .header{
        width: 100%;
        overflow:hidden;
    }
    .header .he-c{
    }
    .header .he-c .logo{
        width: 250px;
        height: 120px;
    }
    .header .he-c .logo img{
        width: 250px;
        height: 120px;
    }
    // .header .he-c .phone{
    //     width: 310px;
    //     height: 120px;
    // }
    // .header .he-c .phone .dftp{
    //     width: 120px;
    //     vertical-align: middle;
    //     font-size: 17px;
    //     margin-top:65px;
    // }
    // .header .he-c .phone .dh{
    //     margin-top:25px;
    // }
    // .header .he-c .phone .dh p{
    //     font-size: 26px;
    //     color: #ff8c00;
    // }
    .header .he-c .wz-ul{
        width: 700px;
        height: 120px;
        display: flex;
        overflow: inherit;
    }
    .header .he-c .wz-ul .wz-list{
        flex:1;
        height: 120px;
    }
    .header .he-c .wz-ul .wz-list .dh{
        font-weight: 600;
        color: #010e2a;
        font-size: 14px;
        margin-top:40px;
    }
    .header .he-c .wz-ul .wz-list .dh i{
        padding-right:10px;
    }
    .header .he-c .wz-ul .wz-list .number{
        color: #51447C;
        font-weight: 600;
        font-size: 15px;
     }
/*logo*/

/*导航*/
    .menu{
        background:#51447C;
        height: 60px;
        width:100%;
    }
    .menu .menu-ul{
        display: flex;
        width: 1000px;
        overflow: inherit;
    }
    .menu-ul .menu-list{
        height: 60px;
        flex:1;
        text-align:center;
        position:relative;
		z-index: 9999;
    }
	.menu-ul .menu-list > ul {
		display: none;
		background: #51447C;
	}
	.menu-ul .menu-list:hover > ul {
		display: block;
	}
    .menu-ul .active{
        background:#834A81;
    }
    .menu .menu-ul .menu-list a{
        display: block;
        width: 100%;
        height: 100%;
        line-height:60px;
        font-size:15px;
        color:#fff;
        transition:all 0.5s;
    }
	.menu .menu-ul .menu-list > ul a{
		line-height:25px;
		font-size:13px;
		padding: 10px 0;
	}
    .menu .menu-ul .menu-list a:hover{
        background:#834A81;
    }
    .menu .search{
        width: 150px;
        height: 60px;
        background:#834A81;
        text-align:center;
    }
    .menu .search a{
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height:60px;
        color:#fff;
        font-size:15px;
        transition:all 0.5s;
    }
    .menu .search a:hover{
        background:#51447C;
    }
/*导航*/

/*banner*/
    .cart{
        width: 100%;
    }
    .cart .cart-container{
        width: 100%;
    }
    .cart .swiper-container .swiper-slide{
        width: 100%;
        height: 400px;
    }
    .cart .swiper-container .cart-img1{
        background:url('../images/banner1.jpg') center top no-repeat;
        background-size:cover;
    }
    .cart .swiper-container .cart-img2{
        background:url('../images/banner2.jpg') center top no-repeat;
        background-size:cover;

    }
    .cart .swiper-container .cart-img3{
        background:url('../images/banner3.jpg') center top no-repeat;
        background-size:cover;
    }
/*banner*/

/*product*/
    .product{
        width: 100%;
        overflow:hidden;
        padding:30px 0 20px 0;
    }
    .pro-ul{
        width: 100%;
        margin-top:30px;
    }
    .pro-ul .pro-list{
        width: 285px;
        height: 216px;
        float: left;
        margin-right: 20px;
        margin-bottom:18px;
    }
    .pro-ul .pro-list:nth-child(4n){
        margin-right:0;
    }
    .pro-ul .pro-list a{
        display: inline-block;
        width: 100%;
        height: 100%;
        position: relative;
        overflow:hidden;
    }
    .pro-ul .pro-list a img{
        width: 100%;
        height: 100%;
    }
    .pro-ul .pro-list a .pro-grone{
        width: 100%;
        height: 108px;
        background-color:rgba(0,0,0,0.6);
        position: absolute;
        bottom:-58px;
        left:0;
        text-align: center;
        color:#fff;
        transition:all 0.5s;
    }
    .pro-ul .pro-list a .pro-grone .pro-name{
        font-size: 14px;
        color: #fff;
        line-height: 50px;
    }
    .pro-ul .pro-list a .pro-grone .pro-more{
        border: 1px #fff solid;
        width: 140px;
        height: 38px;
        line-height: 38px;
        font-weight: normal;
        margin: 0 auto;
        border-radius: 10px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        transition:all 0.5s;
    }
    .pro-ul .pro-list a .pro-grone .pro-more:hover{
        background:#fff;
        color:#51447C;
    }
    .pro-ul .pro-list a:hover .pro-grone{
        bottom:0;
        background-color:rgba(131,74,129,0.6);
    }
/*product*/

/*workshop*/
    .workshop{
        width: 100%;
        overflow:hidden;
        padding:30px 0 20px 0;
        background:#efefef;
    }
    .workshop .work-con{
        width: 100%;
    }
    .workshop .work-con .work-top{
        width: 100%;
        height: 360px;
        margin-bottom:20px;
    }
    .workshop .work-con .work-top img{
        width: 790px;
        height: 360px;
    }
    .workshop .work-con .work-top .work-tit{
        width: 410px;
        height: 360px;
        position: relative;
    }
    .workshop .work-con .work-top .work-tit .work-dd{
        width: 450px;
        height: 144px;
        background:#51447C;
        position: absolute;
        right:0;
        top:170px;
        padding:10px 30px;
        color:#fff;
        line-height:30px;
        box-sizing:border-box;
        font-size:14px;
    }
    .work-con #div1{
        width: 100%;
        height: 240px;
        overflow:hidden;
        position:relative;
        margin-top:20px;
    }
    .work-con .xh-ul{
        // width: 2400px;
        height: 240px;
        position:absolute;
        left:0;
    }
    .work-con .xh-ul .xh-list{
        margin-right:20px;
        float:left;
        width: 280px;
        height: 240px;
        overflow:hidden;
        border:1px solid #ccc;
        box-sizing:border-box;
    }
    .work-con .xh-ul .xh-list video{
        width: 280px;
        height: 190px;
    }
    .work-con .xh-ul .xh-list .xh-name{
        text-align: center;
        line-height:30px;
        display:block;
        width: 280px;
        height: 50px;
    }
    .work-con .xh-ul .xh-list .xh-name a{
        font-size:14px;
        color:#333;
    }
/*workshop*/

/*about*/
    .about{
        width: 100%;
        overflow:hidden;
        background-size:cover;
        padding:40px 0 20px 0;
    }
    .about .ab-con{
        width: 100%;
    }
    .about .ab-con .ab-img{
        width: 564px;
        height:350px;
    }
    .about .ab-con .ab-img img{
        width: 100%;
        height: 100%;
    }
    .about .ab-con .ab-desc{
        width: 560px;
        height: 350px;
    }
    .about .ab-con .ab-desc .ab-eng{
        color:#333;
        font-weight:700;
        font-size:36px;
    }
    .about .ab-con .ab-desc .ab-eng span{
        color:#834A81;
    }
    .about .ab-con .ab-desc .ab-gs{
        font-size: 16px;
        color:#333;
        font-weight:700;
        margin-top:10px;
        margin-bottom:10px;
    }
    .about .ab-con .ab-desc .ab-content{
        width: 100%;
        height: 210px;
        margin-top:5px;
    }
    .about .ab-con .ab-desc .ab-wz{
        font-size: 14px;
        color: #333;
        line-height: 23px;
        text-indent: 2rem;
    }
    .about .ab-con .ab-desc .more a{
        width: 183px;
        height: 42px;
        border:1px solid #999;
        box-sizing:border-box;
        display: inline-block;
        text-align: center;
        line-height:42px;
        font-size:15px;
        color:#999;
        margin-top:15px;
        transition:all 0.5s;
    }
    .about .ab-con .ab-desc .more a:hover{
        background-color:#ff8c00;
        color:#fff;
    }
/*about*/

/*news*/
    .news{
        width: 100%;
        padding:30px 0 20px 0;
    }
    .news .news-con{
        width: 100%;
        height: 476px;
        margin-top:30px;
    }
    .news .news-con .news-box{
        width: 590px;
        height: 476px;
    }
    .news .news-con .new-tit{
        width: 100%;
        height: 67px;
        font-size:25px;
        line-height:67px;
        color:#333;
    }
    .news .news-con .news-box-ul{
        width: 100%;
        height: 409px;
    }
    .news .news-con .news-box-ul .news-box-list{
        width: 100%;
        height: 185px;
        margin-bottom:39px;
    }
    .news .news-con .news-box-ul .news-box-list img{
        width: 235px;
        height: 185px;
        border:1px solid #efefef;
        box-sizing:border-box;
    }
    .news .news-con .news-box-ul .news-box-list .news-desc{
        width: 345px;
        height: 185px;
        background:#efefef;
    }
    .news .news-con .news-box-ul .news-box-list .news-desc a{
        display: inline-block;
        width: 100%;
        height: 100%;
    }
    .news .news-con .news-box-ul .news-box-list .news-desc .news-tit{
        line-height: 60px;
        height: 60px;
        text-indent: 20px;
        font-size: 16px;
        font-weight: bold;
        margin-top:10px;
    }
    .news .news-con .news-box-ul .news-box-list .news-desc a:hover{
        color:#51447C;
    }
    .news .news-con .news-box-ul .news-box-list .news-desc .news-nr{
        color: #5A5A5A;
        line-height: 30px;
        padding-left: 20px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .news .news-con .news-ul-con{
        width: 100%;
        height: 238px;
    }
    .news .news-con .news-ul-con .news-ul{
        width: 100%;
        height: 180px;
    }
    .news .news-con .news-ul-con .news-ul .news-li{
        width: 100%;
        height: 36px;
        line-height:36px;
        overflow:hidden;
    }
    .news .news-con .news-ul-con .news-ul .news-li a{
        display: inline-block;
        width: 500px;
        height: 100%;
        font-size:14px;
        color:#333;
        overflow:hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .news .news-con .news-ul-con .news-ul .news-li .time{
        font-size:14px;
        color:#333;
    }
    .news .news-con .news-ul-con .news-ul .news-li a:hover{
        color:#51447C;
    }
/*news*/

/*关注我们*/
    .we{
        width: 100%;
        padding:30px 0 20px 0;
        margin-bottom:10px;
    }
    .we .dt{
        width: 760px;
        height: 300px;
        background:url(../images/cf_3.jpg);
        padding:0px 50px;
    }
    .we .dt .at{
        margin-top:80px;
        color: #FFFFFF;
        font-size:22px;
    }
    .we .dt .gy{
        margin-top:20px;
        color:#fff;
        font-size:30px;
    }
    .we .dt .xian{
        width: 110px;
        height: 3px;
        margin-top:20px;
        background:#fff;
    }
    .we .dt .dt-2wm{
        width: 400px;
        height: 150px;
        margin-top:75px;
        margin-left:100px;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }
    .we .dt .dt-2wm .dt-li{
        width: 100px;
        height: 150px;
    }
    .we .dt .dt-2wm .dt-li img{
        width: 100px;
        height: 100px;
    }
    .we .dt .dt-2wm .dt-li p{
        text-align: center;
        line-height:50px;
        color: #b3d4fc;
        font-size:13px;
    }
    .we .lx{
        width: 440px;
        height: 300px;
        padding:50px;
        background:#efefef;
    }
    .we .lx .lx-gs{
        font-size: 18px;
        color:#51447C;
    }
    .we .lx .lx-xx{
        font-size: 14px;
        margin-top:20px;
        color:#51447C;
    }
/*关注我们*/

/*footer*/
    .footer{
        width: 100%;
        height: 100px;
        color:#fff;
        background-color:#51447C;
    }
    .footer .link{
        line-height:50px;
    }
    .footer .link a{
        color:#fff;
        padding:0 15px;
    }
    .footer .bq{
        font-size:14px;
        text-align: center;
        margin-top:10px;
    }
    .footer .bq a{
        font-size:14px;
        color:#fff;
    }
/*footer*/

/*侧边栏*/
    .frist{
        width: 170px;
        height: 70px;
        box-sizing:border-box;
        position:relative;
        position: fixed;
        right:-100px;
        z-index: 999;
        bottom:430px;
        background:#51447C;
        transition:all 0.5s;
        border-bottom:1px solid #fff;
        box-sizing:border-box;
    }
    .frist:hover{
        right:0;
        background:#834A81;
    }
    .frist-content{
        display: inline-block;
        width: 100%;
        height: 100%;
        padding:10px 10px 10px 15px;
    }
    .frist-content i{
        font-size:40px;
        color:#fff;
        line-height:50px;
        vertical-align: middle;
        padding-right:20px;
    }
    .frist-content span{
        font-size:15px;
        color:#fff;
        line-height:50px;
    }

    .two{
        width: 170px;
        height: 70px;
        border-bottom:1px solid #fff;
        box-sizing:border-box;
        position:relative;
        position: fixed;
        right:-100px;
        bottom:360px;
        background:#51447C;
        transition:all 0.5s;
        z-index: 999;
    }
    .two:hover{
        right:0;
        background:#834A81;
    }
    .two-content{
        display: inline-block;
        width: 100%;
        height: 100%;
        padding:10px 10px 10px 15px;
    }
    .two-content i{
        font-size:40px;
        color:#fff;
        line-height:50px;
        vertical-align: middle;
        padding-right:20px;
    }
    .two-content span{
        font-size:15px;
        color:#fff;
        line-height:50px;
    }

    .three{
        width: 170px;
        height: 70px;
        box-sizing:border-box;
        position:relative;
        position: fixed;
        right:-100px;
        bottom:290px;
        background:#51447C;
        transition:all 0.5s;
        border-bottom:1px solid #fff;
        box-sizing:border-box;
        z-index: 999;
    }
    .three:hover{
        right:0;
        background:#834A81;
    }
	.three #erweima {
		display: none;
		position: absolute;
		right: 170px;
		bottom: -20px;
		width: 100px;
	}
	.three #erweima img {
		width: 100%;
	}
	.three:hover #erweima {
		display: block;
	}
    .three-content{
        display: inline-block;
        width: 100%;
        height: 100%;
        padding:10px 10px 10px 15px;
    }
    .three-content i{
        font-size:40px;
        color:#fff;
        line-height:50px;
        vertical-align: middle;
        padding-right:15px;
    }
    .three-content span{
        font-size:15px;
        color:#fff;
        line-height:50px;
    }

    .four{
        width: 190px;
        height: 70px;
        box-sizing:border-box;
        position:relative;
        position: fixed;
        right:-120px;
        bottom:220px;
        background:#51447C;
        transition:all 0.5s;
        border-bottom:1px solid #fff;
        box-sizing:border-box;
        z-index: 999;
    }
    .four:hover{
        right:0;
        background:#834A81;
    }
    .four-content{
        display: inline-block;
        width: 100%;
        height: 100%;
        padding:10px 10px 10px 15px;
    }
    .four-content i{
        font-size:40px;
        color:#fff;
        line-height:50px;
        vertical-align: middle;
        padding-right:15px;
    }
    .four-content span{
        font-size:15px;
        color:#fff;
        line-height:50px;
    }


    .five{
        width: 70px;
        height: 70px;
        text-align: center;
        position:relative;
        position: fixed;
        right:0px;
        bottom:150px;
        background:#51447C;
        transition:all 0.5s;
        z-index: 999;
    }
    .five:hover{
        background:#834A81;
    }
    .five-content{
        width: 70px;
        height: 50px;
        position:absolute;
        bottom:5px;
    }
    .five-content i{
        font-size:20px;
        color:#fff;
    }
    .five-content a{
        font-size:12px;
        color:#fff;
    }
/*侧边栏*/

/*空白页*/
    .kby{
        margin-top:50px;
        margin-bottom:20px;
    }
    .kby .kby-left{
        width: 250px;
    }
    .kby-top{
        width: 250px;
        height: 100px;
        background:#51447C;
        text-align: center;
        color:#fff;
        overflow:hidden;
    }
    .kby-top .cp{
        font-size:20px;
        margin-top:25px;
        font-weight:700;
    }
    .kby-top .zx{
        font-size:15px;
    }
    .sideMenu{
        width: 250px;
        border:5px solid #51447C;
    }
    .sideMenu h3{
        height:40px;
        padding-left:10px;
        border-top:1px solid #e3e3e3;
        background:#f4f4f4;
        cursor:pointer;
        font:normal 14px/32px "Microsoft YaHei";
    }
    .sideMenu h3 a{
        font-size:15px;
        color:#834A81;
        line-height:40px;
    }
    .sideMenu h3 em{
        float:right;
        display:block;
        width:40px;
        height:40px;
        background:url(../images/icoAdd.png) 16px 12px no-repeat;
        cursor:pointer;
    }
    .sideMenu h3.on em{
        background-position:16px -57px;
    }
    .sideMenu ul{
        padding:8px 25px;
        display:none;
    }
    .sideMenu ul li{
        margin-bottom: 15px;
    }
    .sideMenu ul li a{
        color:#333;
        font-size:14px;
        transition:all 0.5s;
		line-height: 24px;
    }
    .sideMenu ul li a:hover, .sideMenu ul li a.active{
        color:#834A81;
        font-weight:700;
    }
    .kby .kby-left .kb-ul{
        border:5px solid #51447C;
        padding:8px 0;
    }
    .kby .kby-left .kb-ul li{
        height: 40px;
        line-height:40px;
        box-sizing:border-box;
        background:#f4f4f4;
        margin-bottom:8px;
        padding:0 25px;
        border-top:1px solid #e3e3e3;
        border-bottom:1px solid #e3e3e3;
    }
    .kby .kby-left .kb-ul li a{
        color:#333;
        font-size:14px;
        transition:all 0.5s;
    }
    .kby .kby-left .kb-ul li a:hover{
        color:#834A81;
        font-weight:700;
    }

    .kby .kby-right{
        width: 900px;
    }
    .kby .kby-right .kby-tit{
        width: 100%;
        height: 66px;
        border-bottom:1px solid #999;
        box-sizing:border-box;
    }
    .kby .kby-right .kby-tit .tit-name{
        width: 0px;
        height: 66px;
        line-height:28px;
        padding-left: 25px;
        font-size: 18px;
        position: relative;
		overflow: hidden;
    }
    .kby .kby-right .kby-tit .tit-name .kuai{
        width: 10px;
        height: 34px;
        background:#834A81;
        display: inline-block;
        position: absolute;
        top:50%;
        margin-top:-17px;
        left:0;
    }
    .kby .kby-right .kby-tit .wz{
        width: 870px;
    }
    .kby .kby-right .kby-tit .wz .sy{
        line-height:66px;
        font-size:15px;
        text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
    }
    .kby .kby-right .kby-tit .wz .sy img{
        display: inline-block;
        vertical-align: middle;
    }
    .kby .kby-right .kby-tit .wz .sy a{
        font-size:15px;
    }
    .kby .kby-right .content{
        width: 100%;
        margin-top:30px;
        font-size:16px;
        line-height:30px;
    }
/*空白页*/

/*== 搜索 ==*/
#searchContainer {
	margin-bottom: 15px;
}
#searchContainer form {
	width: 600px;
	margin: 0 auto;
}
#keywordsInput {
	padding: 0 5px;
	font-size: 16px;
	height: 50px;
	line-height:50px;
	width: 400px;
	border: 1px solid #dce;
	border-radius: 3px;
}
#keywordsInput:hover {
	border-color: #98b;
	box-shadow: 0 0 8px 0 #cbe;
}
#submitButton {
	height: 50px;
	line-height: 50px;
	border: 1px solid #edf;
	background: #f8f3ff;
	width: 100px;
	text-align: center;
	font-size: 16px;
	cursor: pointer;
	border-radius: 3px;
}
#submitButton:hover {
	background: #769;
	border-color: #769;
	color: #fff;
}